#bsBox{box-sizing: content-box;max-width: 90% !important;margin-left: 0!important;margin-top: 0!important;transform: translate(-50%,-50%)!important;}
#bsBox *{box-sizing: content-box;max-width: 100% !important;}
#bsWXBox{box-sizing: content-box}
#bsWXBox *{box-sizing: content-box}
.bshare-custom{box-sizing: content-box;display: inline-block}
.bshare-custom a{padding-left: 28px!important; height: 28px!important;}
.bshare-custom .bshare-sinaminiblog {background: url('../images/share.png') no-repeat !important;background-size: auto!important;background-position:  -34px 0!important;}
.bshare-custom .bshare-qqim {background: url('../images/share.png') no-repeat !important;background-size: auto!important;background-position:  -68px 0!important;}
.bshare-custom .bshare-qzone {background: url('../images/share.png') no-repeat !important;background-size: auto!important;background-position:  -102px 0!important;}
.bshare-custom .bshare-weixin {background: url('../images/share.png') no-repeat !important;background-size: auto!important;}
.n-jr-d-top-itemC .bshare-custi-pro-navom #bshare-more-icon,
.n-jr-d-top-itemC .bshare-custom .bshare-more-icon{padding-left: 0!important;background: none!important;height: auto!important;}
.n-jr-d-top-itemC .bshare-custom .bshare-more{color: #898989!important;}
.g_bg {background-position: center;background-size: cover;background-repeat: no-repeat  }


.pcNav{position: fixed;left: 0;top: 0; width: 100%;background: #fff;z-index: 999;transition: .4s all ease}
.pcNav.active{ box-shadow: 0 0 6px #dfdfdf; }
.pcNav.active .h-nav1 > li > a{height: 60px;line-height: 60px; }
.pcNav.active .pcNav-l img{width: 160px;}
.n-pro .pcNav{ }
.pcNav-b{display: flex;justify-content: space-between;align-items: center;}
.pcNav-l{ }
.pcNav-l img{transition: .4s all ease}
.pcNav-r{ margin-left:46px; }
.pcNav-r a{ display: inline-block;width: 36px; height: 36px;text-align: center;line-height: 36px;background: #eeeeee; color: #0069c3;border-radius: 50%;font-weight: bold}

.pcNav-c{display: flex;justify-content: space-between;align-items: center}
.pcNav .pcNav_w{ max-width: 1620px; margin: 0 auto; position: relative}
.pcNav-b-a{position: absolute;top: 100%;right: 0;text-transform: uppercase;transform-origin:0 0;transition: .4s all ease}
.pcNav.active .pcNav-b-a{transform: rotateX(-90deg);transition: .4s all ease}
.pcNav.active:hover .pcNav-b-a{transform: rotateX(0)}
.pcNav-b-a >div{padding:16px; position: relative;width: 100%;white-space: nowrap}
.pcNav-b-a >div:after{position: absolute; left: 0;top: 0; z-index: 9;background: #b2a07a;width: 100%;height: 100%;transform: skewX(-15deg);content: ''}
.pcNav-b-a >div a{ position: relative;z-index: 10; display: inline-block;color: #fff;font-size: 16px;padding: 0 12px;transition: .4s all ease }
.pcNav-b-a >div a:after{ position: absolute;left: 100%;top: 50%;transform: translateY(-50%);background: #fff;width: 2px; height: 13px;content: '';}
.pcNav-b-a >div a:nth-last-child(1):after{display: none}
.pcNav-b-a >div a:hover{transform: translateY(-4px);transition: .4s all ease}
.h-nav1{display: flex;position: relative}
.h-nav1 > li { display: flex;align-items: center;position: relative;margin-left: 40px;}
.h-nav1 > li:nth-child(1) {margin-left: 0;}
.h-nav1 > li:nth-last-child(1) a{ font-size: 18px;}
.h-nav1 > li:nth-last-child(1) a:after{display: none}
.h-nav1 > li > a{ width: 104px; height: 130px; padding: 0 10px; line-height: 130px; color: rgba(0,0,0,.74); font-size: 20px;text-align: center; text-transform: uppercase; position: relative;transition: .4s all ease}
.h-nav1 > li > a:after{ content: '';position: absolute;left: 50%;bottom: 0; transform: translateX(-50%); background: #3eb370;width: 0;height: 3px; opacity:0;  transition: .4s all ease}
.h-nav1 > li.active > a{color: rgba(62,179,112,.74);transition: .4s all ease}
.h-nav1 > li.active > a:after{width: 100%;opacity: 1;transition: .4s all ease}

.h-nav1 > li:hover > a{color: rgba(62,179,112,.74);transition: .4s all ease}
.h-nav1 > li:hover > a:after{width: 100%;opacity: 1;transition: .4s all ease}

.h-nav1 > li:hover  .pcNav_u1_2{display: block}
.pcNav_u1_2{display: none; position: absolute;left:50%;top: 100%;  opacity: 0; z-index: 9;
    animation: navU .5s ease forwards;
    -webkit-animation: navU .5s ease forwards;
}
.pcNav_u1_2 li { font-size: 0;margin-top: 2px;background: rgba(62,179,112,.9);position: relative}
.pcNav_u1_2 li>a{ display: block; width: 180px; height: 40px;transition: .4s all ease;line-height: 40px; font-size: 18px; color: #fff;text-align: center; background: #65bb85 }
.pcNav_u1_2L{display: inline-block; vertical-align: text-top;}
.pcNav_u1_2R{display:inline-block ;width: 400px; margin-left: 20px; vertical-align: text-top;}
.pcNav_u1_2 li:hover>a{background: #fff;color: #65bb85; transition: .4s all ease}
.pcNav_u1 > li:hover .pcNav_u1_2{display: block}
.pcNav_u1_2 li:hover .pcNav_u1_3{display: block}
.pcNav_u1_3{display: none; position: absolute; top: 0; left: 100%; width: 260px;padding-left: 1px; }
.pcNav_u1_3 a{display: block; height:36px;line-height: 36px;padding: 0 10px; color: #fff; background: #3eb370; font-size: 14px;border: 1px solid #fff;border-bottom: 0}
.pcNav_u1_3 a:hover{background: #fff;color: #3eb370}
.pcNav_u1_3 a:nth-last-child(1){border: 1px solid #fff;}
@keyframes navU
{
    0% {
        opacity: 0;
        transform: translate(-50%, -20px);
    }
    100% {
        opacity: 1;
        transform: translate(-50%, 0);
    }
}
@-webkit-keyframes navU {
    0% {
        opacity: 0;
        transform: translate(-50%, -20px);
    }
    100% {
        opacity: 1;
        transform: translate(-50%, 0);
    }
}

@keyframes headerShow {
    0% {
        transform: translateY(-30px);
        opacity: 0;
    }
    100% {
        transform: translateY( 0);
        opacity: 1;
    }
}



.i-title{text-align: center;color: #000}
.i-title .top:before{ width: 62px; height: 1px; background: #65bb85;content: '';display: inline-block; vertical-align: middle;}
.i-title .top:after{ width: 62px; height: 1px; background: #65bb85;content: '';display: inline-block; vertical-align: middle;}
.i-title b{display: inline-block; vertical-align: middle;padding: 0 24px;color: #65bb85;font-size: 36px;}
.i-title p{margin-top: 22px;font-size: 16px }


.i-banner-swiper{position: relative;}
.i-banner {background-size: cover;background-position: center; padding-top:36.99%;position: relative;     }
.i-banner-swiper .swiper-slide{overflow: hidden}
.i-banner-swiper .swiper-slide video{width: 100%;
    position: absolute;left: 0;top: 0;max-width: 100%;max-height: 100%
}
.i-banner-swiper .swiper-slide-active .i-banner{ }
.i-banner-swiper {height: 100%;overflow: hidden}
.i-banner-swiper .swiper-container {height: 100%;}
.i-banner-swiper .swiper-pagination{right: 0;  bottom: 8%; width: 100%!important;text-align: right;padding: 0 5%}
.i-banner-swiper .swiper-pagination-bullet {width: 11px;height: 11px;margin: 0 6px!important;
    transition: .3s all ease;background: #fff; border-radius: 50%; opacity: 1  }
.i-banner-swiper .swiper-pagination-bullet-active { background: #65bb85;  opacity: 1}
.view_btn{position: absolute;left: 10%;bottom: 50px;display: flex}
.view_btn div{margin-right: 20px}
.view_btn i{display: inline-block;width: 40px; height: 40px; border-radius: 50%;text-align: center;line-height: 40px; color: #fff;background: #65bb85;font-size: 24px}

.i-pro{padding-top: 96px;background: url("../images/i-proBg2.jpg") no-repeat;background-position:top center;background-size: 100% auto}
.i-pro .swiper-container{margin-top: 100px;}
.i-pro .item{overflow: hidden; }
.i-pro .item a{display: block;position: relative}
.i-pro .item .g_bg{padding-top: 128%;}
.i-pro .item .text {position: absolute;left: 0;top: 0;width: 100%;height: 100%}
.i-pro .item .text .title{text-align: center;font-size: 28px;color: #000;padding: 70px 0 24px 0;position: relative}
.i-pro .item .text .title:after{content: ''; width: 56px; height: 4px; background: #65bb85;position: absolute;left: 50%;transform: translateX(-50%);bottom: 0;z-index: 9;transition: .4s all ease }
.i-pro .item .text .title:before{content: ''; width: 122px; height: 1px; background: #000;position: absolute;left: 50%;transform: translateX(-50%);bottom: 0;z-index: 1;transition: .4s all ease }
.i-pro .item .text .p{position: absolute;left: 0;bottom: 0; transform: translateY(50%); opacity: 0; width: 100%; padding:100px  38px 38px 38px;background: url("../images/i-proBg.png") no-repeat;background-position: center;background-size: 100% 100%}
.i-pro .item .text .p p{width: 100%;color: #fff;line-height: 22px;}
.i-pro .item:hover .title:after{width: 122px; transition: .4s all ease }
.i-pro .item:hover .title:before{width: 56px; transition: .4s all ease }
.i-pro .item:hover .p{transform: translateY(0); opacity: 1; transition: .8s all ease }


.i-about{padding: 280px  0 130px 0}
.i-about .g_w{display: flex}
.i-about .con-l{width:37.3%}
.i-about .title{}
.i-about .title b{color: #65bb85;font-size: 39px; display: block}
.i-about .title span{color: rgba(0,0,0,.26);font-size: 30px; font-weight: bold ;display: block}
.i-about .title:after{width:36px; height: 6px; background: #65bb85;margin-top: 18px; content: '';display: block}
.i-about .con-l .text{margin-top: 80px;}
.i-about .con-l .text b{font-size: 26px; }
.i-about .con-l .text p{color: rgba(0,0,0,.67);font-weight: 600;line-height: 29px; margin-top: 40px;text-align: justify}
.i-about .con-l .text a{display: block; margin-top: 70px; width: 170px;height: 46px; line-height: 46px; text-align: center; color: #fff;font-weight: bold;background: #65bb85;border-radius: 4px;transition: .4s all ease;}
.i-about .con-l .text a:hover{transform: translate(4px ,-4px);border: 2px solid #65bb85; color: #65bb85;background: none;transition: .4s all ease;}
.i-about .con-r{width:62.7%;padding-left: 60px;padding-top: 176px;}
.i-about .list{display: flex;align-items: flex-start}
.i-about .item{position: relative;padding:40px 24px;width: 33.33%}
.i-about .item .img{position: relative;z-index: 9;overflow: hidden;text-align: center}
.i-about .item .img img{transition: .8s all ease}
.i-about .item .text{margin-top: 18px; position: relative; z-index: 9}
.i-about .item span{font-size: 18px;font-weight: bold}
.i-about .item p{color: rgba(0,0,0,.67);line-height: 25px;margin-top: 12px;}
.i-about .item:nth-child(2){margin-top: -80px}
.i-about .item:nth-child(1):after{ content: ''; position: absolute;left: 0; bottom: 0; width: 100%; height:860px;  background: #efefef;z-index: 6;transition: .4s all ease}
.i-about .item:nth-child(2):after{ content: ''; position: absolute;left: 0; bottom: -170px; width: 100%; height:860px;  background: #fff;z-index: 6;transition: .4s all ease}
.i-about .item:nth-child(3):after{ content: ''; position: absolute;left: 0; bottom: -70px; width: 100%; height:860px;  background: #e6f5ec;z-index: 6;transition: .4s all ease}
.i-about .item:hover{z-index: 99;transition: .4s all ease}
.i-about .item:hover:after{ box-shadow: 0 0 8px #999;transition: .4s all ease}
.i-about .item:hover .img img{transform: scale(1.1);transition: .8s all ease}
.i-video{height: 550px;position: relative}
.i-video .g_bg{width: 100%;height: 100%;}
.i-video video{display: none; width: 100%;height: 100%; position: absolute; left: 50%;top: 50%;transform: translate(-50%,-50%);max-width: 100%;max-height: 100% }
.i-video .play{position: absolute; left: 50%;top: 50%;  transform: translate(-50%,-50%);  z-index: 99; display: flex;cursor: pointer }
.i-video .play span{ position: relative; z-index: 9; width: 250px; height: 56px; line-height: 56px; padding-left: 40px; color: #fff; font-size: 18px; border: 1px solid #fff;transition: .4s all ease}
.i-video .play:after{width: 0;height: 100%;position: absolute;left: 0;top: 0;background: #65bb85;content: '';transition: .4s all ease}
.i-video .play .icon{width: 64px; height: 56px; background: url("../images/play.jpg") no-repeat;background-size: 100% 100%;position: relative; z-index: 9;}
.i-video .play:hover:after{width: 100%;transition: .8s all ease}
.i-video .play:hover span{border-color: #65bb85; padding-left: 60px; transition: .8s all ease}

.i-news{padding: 60px 0 90px 0}
.i-news .list{display: flex;margin-top: 20px;flex-wrap: wrap}
.i-news .list .item{width: 32%;margin-right: 2%;margin-top: 40px;}
.i-news .list .item:nth-child(3n){margin-right: 0}
.i-news .list .item .img{overflow: hidden}
.i-news .list .item .g_bg{padding-top: 58.7%;transition: .4s all ease}
.i-news .list .item .date{font-size: 16px;margin-top: 50px;display: block;color: #000;font-style: normal}
.i-news .list .item b{margin-top: 32px;padding-bottom: 26px;position: relative;display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; font-size: 18px;color: #000;transition: .4s all ease}
.i-news .list .item b:after{position: absolute;left: 0;bottom: 0;width: 96px;height:5px;background: #000;content: '';transition: .4s all ease }
.i-news .list .item p{font-size: 14px;line-height: 28px; color: rgba(0,0,0,.6);margin-top:18px;height: 56px;overflow: hidden}
.i-news .list .item:hover .g_bg{ transform: scale(1.1);transition: .8s all ease}
.i-news .list .item:hover b{color: #65bb85;transition: .4s all ease}
.i-news .list .item:hover b:after{width: 100%; background: #65bb85;  transition: .4s all ease}

.toolbar{position: fixed;right: 0;top: 50%;transform:translateY(-50%);border: 2px solid #65bb85;border-right: 0;border-bottom: 0;z-index: 999}
.toolbar .item {font-size: 0;border-bottom: 2px solid #65bb85;position: relative;background: #fff}
.toolbar .item span{position: relative; display: inline-block;width: 50px; height: 50px;text-align: center;line-height: 50px;;transition: .4s all ease;z-index: 9}
.toolbar .item i{font-size: 24px;color: #65bb85;transition: .4s all ease;z-index: 9}
.toolbar .item a{ display: none; position: absolute; top: 0; right: 100%;height: 100%; transform: translateX(100%); z-index: 6; opacity: 0;
    width: auto;white-space: nowrap;line-height: 50px;color: #fff;background: #65bb85;padding: 0 20px;font-size: 18px;font-weight: 400;
    animation: toolbar .5s ease forwards;
    -webkit-animation: toolbar .5s ease forwards;}
.toolbar .item:hover a{display: block}
.toolbar .item:hover span{background: #65bb85;transition: .4s all ease}
.toolbar .item:hover i{color: #fff;transition: .4s all ease}
footer{}
footer:before{width: 100%;height: 10px; background: #65bb85;display: block; content: ''}
.f-top{padding: 60px 0 48px 0; background: #474747}
.f-top .g_w{display: flex;justify-content: space-between;align-items: center}
.f-topR{display: flex;align-items: center}
.f-topR .code{padding-right: 20px; }
.f-topR .info{padding-left: 20px;border-left: 1px solid #fff; }
.f-topR .search{display: flex}
.f-topR .search input{width: 134px; height: 30px; line-height: 30px; padding: 0 10px;border-radius: 4px; background: #fff;margin-right: 4px;border: 0}
.f-topR .search #foot1_Button1{width: 30px; height: 30px; background: url("../images/search.png") no-repeat;background-size: 100% 100%;border: 0}
.f-topR p{color: #fff;margin-top: 14px;font-size: 18px;}
.f-topR .link{display: flex;justify-content: space-between;margin-top: 10px;}
.f-topR .link a{width: 27px; height: 27px;  border-radius: 50%; background: #fff;position: relative}
.f-topR .link a img{width: 29px!important; height: 29px; max-width: 29px!important;position: absolute;left: -1px;top: -1px;  }
.f-bottom{padding:  10px 0; background: #000;text-align: center;}
.f-bottom .g_w{max-width: 580px;display: flex;justify-content: space-between;align-items: center}
.f-bottom a{color: #fff;opacity: .49;font-size: 12px;margin: 0 6px}

@keyframes toolbar
{
    0% {
        opacity: 0;
        transform: translateX(100%);
    }
    100% {
        opacity: 1;
        transform: translateX(0);
    }
}
@-webkit-keyframes toolbar {
    0% {
        opacity: 0;
        transform: translateX(100%);
    }
    100% {
        opacity: 1;
        transform: translateX(0);
    }
}

.n-banner-swiper{}
.n-banner-swiper .swiper-slide{position: relative}
.n-banner-swiper .n-banner{padding-top: 22.5%;background-size: cover;background-position: center}
.n-banner-swiper .text{position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);text-align: center}
.n-banner-swiper .swiper-pagination{right: 0;  bottom: 8%; width: 100%!important;text-align: center;padding: 0 5%}
.n-banner-swiper .swiper-pagination-bullet {width: 11px;height: 11px;margin: 0 6px!important;
    transition: .3s all ease;background: #fff; border-radius: 50%; opacity: 1  }
.n-banner-swiper .swiper-pagination-bullet-active { background: #65bb85;  opacity: 1}

.n-breadcrumb{border-bottom: 1px solid #d9dada}
.n-breadcrumb .g_w{display: flex;align-items: center;color: rgba(0,0,0,.74);font-size: 16px;height: 64px}
.n-breadcrumb a{color: rgba(0,0,0,.74);margin:0 6px;}
.n-breadcrumb a:hover{color: #65bb85;transition: .4s all ease;}
.n-breadcrumb a.active{color: #65bb85;transition: .4s all ease;}
.n-breadcrumb i {font-size: 20px;}

.n-nav{}
.n-nav .g_w{display: flex;justify-content: space-around}
.n-nav .g_w a{display: block; padding-top: 24px; width: 116px;text-align: center;position: relative;font-size: 20px;color: #000;transition: .4s all ease}
.n-nav .g_w a:before{content: '';position: absolute;left: 50%;top: 0;transform: translate(-50%,-50%);width: 0;height: 3px;background: #65bb85;opacity: 0;transition: .4s all ease  }
.n-nav .g_w a:hover{color: #65bb85;transition: .4s all ease}
.n-nav .g_w a.active{color: #65bb85;transition: .4s all ease}
.n-nav .g_w a:hover:before{opacity: 1; width: 100%; transition: .4s all ease}
.n-nav .g_w a.active:before{opacity: 1; width: 100%; transition: .4s all ease}

.n-about1{}
.n-about1 .con1{margin-top: 80px;}
.n-about1 .con1 .g_w{display: flex;align-items: center}
.n-about1 .con1 .con-l{width: 57.4%;}
.n-title{font-size: 38px;color: #65bb85;font-weight: bold;display: flex;align-items: center}
.n-title:before{content: '';display: inline-block;vertical-align: middle;width: 12px; height: 52px;margin-right: 14px;background: #65bb85}
.n-about1 .con1 .con-l .text{}
.n-about1 .con1 .con-l .text p{margin-top: 50px;text-align: justify; font-size: 16px;line-height: 36px;}
.n-about1 .con1 .con-r{width: 42.6%;padding-left: 100px; }
.n-about1 .con1 .con-r .img{display: inline-block; position: relative; }
.n-about1 .con1 .con-r img{position: relative;z-index: 9}
.n-about1 .con1 .con-r .img:after{ content: ''; position: absolute;left: 16px;top:16px;width: 100%;height: 100%;background: #65bb85;z-index: 1}
.n-about1 .con2{margin: 112px 0 90px 0;}
.n-about1 .con2 .item{display: flex;align-items: stretch}
.n-about1 .con2 .item:nth-child(2){flex-direction: row-reverse}
.n-about1 .con2 .item .con-l{width: 50%}
.n-about1 .con2 .item .con-r{width: 50%;transition: .4s all ease}
.n-about1 .con2 .item .img{overflow: hidden;height: 100%}
.n-about1 .con2 .item .g_bg{height: 100%;padding-top: 57%;transition: .8s all ease}
.n-about1 .con2 .item .title{font-size: 24px;color: #65bb85;transition: .4s all ease}
.n-about1 .con2 .item .title:after{ content: ''; display: block;width: 62px; height: 5px; margin-top: 16px;background: #65bb85;transition: .4s all ease}
.n-about1 .con2 .item .text{ width: 100%;height: 100%; padding: 20px 34px;display: flex;align-items: center;transition: .4s all ease}
.n-about1 .con2 .item .text p{ font-size: 16px;line-height: 36px;text-align: justify;margin-top: 30px;transition: .4s all ease}
.n-about1 .con2 .item:hover .g_bg{ transform: scale(1.1);transition: .8s all ease}
.n-about1 .con2 .item:hover .con-r{ background: #65bb85; transition: .8s all ease}
.n-about1 .con2 .item:hover .title{ color: #fff; transition: .4s all ease}
.n-about1 .con2 .item:hover .title:after{ background: #fff; transition: .4s all ease}
.n-about1 .con2 .item:hover .text p{ color: #fff; transition: .4s all ease}


.n-about2{}
.n-about2 .con1{margin-top:120px;}
.n-about2 .con1 .g_w{display: flex;align-items: center;}
.n-about2 .con1 .con-l{width:42%;padding-right: 60px;}
.n-about2 .con1 .con-l .text{margin-top: 46px;line-height:42px;font-size: 16px;}
.n-about2 .con1 .con-r{width:58%;display: flex;justify-content: space-between;}
.n-about2 .con1 .con-r .item .img{padding:12px;background: #f1f1f1}
.n-about2 .con1 .con-r .item span {display: block;height:42px;line-height:42px; font-size:15px; color: #000;background:#e8e8e8;text-align: center;}
.n-about2 .con1 .con-r .item:hover .img{background: #65bb85;transition: .4s all ease;}
.n-about2 .con1 .con-r .item:hover span{background: #459b68; color:#fff; transition: .4s all ease;}

.n-about2 .con2{margin: 120px 0 30px 0;}
.n-about2 .con2 p{font-size: 16px;line-height: 36px;margin-top: 46px;}
.n-about2 .con2 .list{margin-top: 46px;}
.n-about2 .con2 .list-row{display: flex; }
.n-about2 .con2 .list-row .w47{width: 46.8%; }
.n-about2 .con2 .list-row .w25{width: 25.4%;}
.n-about2 .con2 .list .item{position: relative}
.n-about2 .con2 .list .item .img{overflow: hidden}
.n-about2 .con2 .list .item .g_bg{transition: .8s all ease}
.n-about2 .con2 .list .item span{position: absolute;left: 0;bottom: 0;width: 100%;height: 52px;line-height:52px;text-align: center;color: #fff;font-size: 20px;background: rgba(93,186,131,.75)}
.n-about2 .con2 .list .w25 .item:nth-child(2){margin-top: 4.8%}
.n-about2 .con2 .list .item:hover .g_bg{transform: scale(1.1);transition: .8s all ease}

.n-about3{}
.n-about3 .con1{margin-top: 120px;}
.n-about3 .con2{margin: 60px 0;}
.n-about3 p{font-size: 16px; line-height: 36px;margin-top: 46px;}
.n-about3 .list{display: flex;flex-wrap: wrap;justify-content: space-between}
.n-about3 .list .item{width: 48%;border: 1px solid #b8b8b8;margin-top: 44px;position: relative}
.n-about3 .list .item .img{padding-top: 56.6%;}
.n-about3 .list .item  img{position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);max-width: 94%;max-height: 94%;  }

.n-pro{}
.n-pro .con1{overflow: hidden;padding-bottom: 60px;}
.n-pro .list{}
.n-pro .item{display: flex;align-items: flex-end;position: relative;margin-top: 130px;}
.n-pro .item:nth-child(1){margin-top: 70px;}

.n-pro .item .img{width: 55.6%;position: relative;z-index: 9 }
.n-pro .item .g_bg{padding-top:58.6%; }
.n-pro .item .text{width: 44.4%; padding-left: 40px; position: relative; color: #000; z-index: 9;transition: .4s all ease}
.n-pro .item .title{font-size: 32px;font-weight: bold;color: #65bb85;transition: .4s all ease}
.n-pro .item .title:after{ content: '' ;display: block;width:62px; height: 5px; background: #65bb85;margin-top: 18px;transition: .4s all ease }
.n-pro .item .text p{font-size: 16px; line-height: 32px;margin-top:40px;height: 150px; }
.n-pro .item:after{content: '';position: absolute;left: 50%;bottom:-60px;transform: translateX(-50%);width: 100vw;height: 384px;background: #f1f1f1;z-index: 2;transition: .4s all ease }
.n-pro .item:hover:after{background: #65bb85;transition: .4s all ease}
.n-pro .item:hover .text{color: #fff;transition: .4s all ease}
.n-pro .item:hover .title{color: #fff;transition: .4s all ease}
.n-pro .item:hover .title:after{background: #fff;transition: .4s all ease}
.n-pro .item:nth-child(2n){flex-direction: row-reverse}
.n-pro .item:nth-child(2n) .text{padding-left: 0; padding-right: 40px;}


.n-proD{}
.n-proD .con1 {margin-top: 86px;}
.n-proD .con1 .g_w{ }
.n-proD .con1 .g_w .item{display: flex;align-items: center;background: #f1f1f1;}
.n-proD .con1 .item .img{width: 55.6%;position: relative;z-index: 9 }
.n-proD .con1 .item .g_bg{padding-top:58.6%; }
.n-proD .con1 .item .text{width: 44.4%; padding-left: 40px; position: relative; color: #000; z-index: 9; transition: .4s all ease}
.n-proD .con1 .item .title{font-size: 32px;font-weight: bold;color: #65bb85;transition: .4s all ease}
.n-proD .con1 .item .title:after{ content: '' ;display: block;width:62px; height: 5px; background: #65bb85;margin-top: 18px;transition: .4s all ease }
.n-proD .con1 .item .text p{font-size: 16px; line-height: 32px;margin-top:40px; }
.n-proD .con2{margin: 46px 0 60px 0;}
.n-proD .con2 .top{border-bottom: 1px solid #adadad}
.n-proD .con2 .top b{font-size: 30px;display: block;width: 180px; border-bottom: 6px solid #65bb85; color: #65bb85;text-align: center;transform: translateY(1px)}
.n-proD .con2 .list{display: flex;flex-wrap: wrap}
.n-proD .con2 .item{width: 23%;margin-right: 2.6666%;margin-top: 60px;}
.n-proD .con2 .item:nth-child(4n){margin-right: 0;}
.n-proD .con2 .item .img{overflow: hidden}
.n-proD .con2 .item .g_bg{padding-top: 79%;;transition: .8s all ease}
.n-proD .con2 .item span{display: block;text-align: center;margin-top: 10px;font-size: 16px;transition: .4s all ease}
.n-proD .con2 .item p{margin-top: 22px;line-height: 24px;transition: .4s all ease}
.n-proD .con2 .item:hover .g_bg{transform: scale(1.1);transition: .8s all ease}
.n-proD .con2 .item:hover span{color: #65bb85;transition: .4s all ease}
.n-proD .con2 .item:hover p{color: #65bb85;transition: .4s all ease}

.n-technology1{}
.n-technology1 .con1{overflow: hidden;padding: 120px 0 80px 0}
.n-technology1 .con1 p,.n-technology1 .con2 p{font-size: 16px; line-height: 36px;margin-top: 30px;}
.n-technology1 .n-swiper{padding-bottom: 100px;margin-top: 46px; position: relative;}
.n-technology1 .n-swiper-con{position: relative}
.n-technology1 .n-swiper-con:after{content: '';position: absolute;left: 50%; bottom: 92px; transform: translateX(-50%);width: 100vw;height: 2px;background: #65bb85}
.n-technology1 .n-swiper .swiper-slide:after{content: '';position: absolute;right: -35px; bottom: 92px; transform: translate(50%,50%); width: 20px; height: 24px;
    background: url("../images/to.png") no-repeat;background-size: 100% 100%}
.n-technology1 .n-swiper .item{ position: relative;padding-bottom: 41px;}
.n-technology1 .n-swiper .item .img{overflow: hidden }
.n-technology1 .n-swiper .item .g_bg{padding-top: 63.1%; transition: .8s all ease}
.n-technology1 .n-swiper .item span{display: block; position: absolute;left: 0;bottom: 0; width: 100%;padding: 10px;color: #fff;background: #65bb85;font-size: 15px;text-align: center}
.n-technology1 .n-swiper .item:hover .g_bg{transform: scale(1.1);transition: .8s all ease}
.n-technology1 .n-swiper .line{width: 1px ; height: 60px; background: #65bb85;margin: 0 auto;display: block}
.n-technology1 .n-swiper .num{width: 62px; height: 62px; text-align: center;line-height: 62px;font-size: 26px;color: #fff; background: #65bb85;border-radius: 50%; margin: 0 auto;display: block}
.n-technology1 .n-swiper .swiper-button-prev{position: absolute;left: 50%;bottom: 0; top:auto; transform: translateX(-150%); width: 42px;height: 42px; margin: 0;
    background: url("../images/prev.png") no-repeat; background-size: 100% 100%;}
.n-technology1 .n-swiper .swiper-button-next{position: absolute;left: 50%;bottom: 0; top:auto; transform: translateX(50%);width: 42px;height: 42px; margin: 0;
    background: url("../images/next.png") no-repeat; background-size: 100% 100%;}
.n-technology1 .con2{padding: 90px 0 40px 0;background: #f1f1f1;overflow: hidden}

.n-technology2 .con1{padding: 80px 0}
.n-technology2 .img{overflow: auto;margin-top: 70px;text-align: center}
.n-technology2 .imgCon{min-width: 750px;}

.n-news .i-news{padding: 0}

.n-newsD{}
.n-newsD .con1{padding: 70px 0 ;}
.n-newsD .con1 .g_w{display: flex}
.n-newsD .con1 .con-l{width: calc(100% - 372px);padding-right: 80px;}
.n-newsD .con1 .con-l .title{text-align: center;padding-bottom: 20px;border-bottom: 1px solid #e6e6e6}
.n-newsD .con1 .con-l .title h3{font-size: 26px;}
.n-newsD .con1 .con-l .title span{display: flex; align-items: center;justify-content: center; color: rgba(0,0,0,.52);margin-top: 22px;}
.n-newsD .con1 .con-l .title span i{font-size: 20px;margin-right: 8px;}
.n-newsD .con1 .con-l .text {font-size: 16px;line-height: 26px;padding: 50px 0}
.n-newsD .con1 .con-l .linkA{border-top: 1px solid #d4d1d0}
.n-newsD .con1 .con-l .linkA a{font-size: 16px; display: block;margin-top: 20px;color: #000;opacity: .85;overflow: hidden;text-overflow: ellipsis;white-space: nowrap}
.n-newsD .con1 .con-l .linkA a:hover{color: #65bb85;opacity: 1;transition: .4s all ease}
.n-newsD .con1 .con-r{width: 372px;}
.n-newsD .con1 .con-r .top{font-size: 22px;border-bottom: 1px solid #7f7f7f}
.n-newsD .con1 .con-r .top:after{content: '';display: block;width: 100px;height: 3px;background: #65bb85;transform: translateY(50%);}
.n-newsD .con-r .item {margin-top: 30px;}
.n-newsD .con-r .item .img{overflow: hidden}
.n-newsD .con-r .item .g_bg{padding-top: 58.7%;transition: .4s all ease}
.n-newsD .con-r .item .date{font-size: 16px;margin-top: 20px;display: block;color: #000;font-style: normal}
.n-newsD .con-r .item b{margin-top: 20px;padding-bottom: 20px;position: relative;display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; font-size: 18px;color: #000;transition: .4s all ease}
.n-newsD .con-r .item b:after{position: absolute;left: 0;bottom: 0;width: 96px;height:5px;background: #000;content: '';transition: .4s all ease }
.n-newsD .con-r .item p{font-size: 14px;line-height: 28px; color: rgba(0,0,0,.6);margin-top:18px;height: 56px;overflow: hidden}
.n-newsD .con-r .item:hover .g_bg{ transform: scale(1.1);transition: .8s all ease}
.n-newsD .con-r .item:hover b{color: #65bb85;transition: .4s all ease}
.n-newsD .con-r .item:hover b:after{width: 100%; background: #65bb85;  transition: .4s all ease}

.n-contact{}
.n-contact .con1{margin-top: 66px;}
.n-contact .con1 .g_w{display: flex}
.n-contact .con1 .con-l{width: 47.6%;padding-right: 60px;}
.n-contact .con1 .con-l .text{color: #181717;font-size: 18px;border-bottom: 1px solid #cacacb}
.n-contact .con1 .con-l .text:nth-last-child(1){border: 0}
.n-contact .con1 .con-l .text img{margin-bottom: 26px;}
.n-contact .con1 .con-l .text p{display: flex; align-items: center; margin-top: 10px;}
.n-contact .con1 .con-l .text p i{margin-right: 24px;font-size: 24px;}
.n-contact .con1 .con-r{width: 52.4%; }
.n-contact .con1 .con-r p{font-size: 16px;}
.n-contact .con1 .con-r .form{margin-top: 30px;}
.n-contact .con1 .con-r .form .lead{display: flex;justify-content: space-between;font-size: 14px;}
.n-contact .con1 .con-r .form .lead > div{padding: 0 12px;width: 48%; height:58px; line-height: 58px;  display: flex; align-items: center; border: 1px solid #c4c4c4}
.n-contact .con1 .con-r .form .lead > div span{display: block;text-align: center;width: 46px;}
.n-contact .con1 .con-r .form .lead > div input{border: 0; background: none;width: calc(100% - 46px)}
.n-contact .con1 .con-r .form .textarea { margin-top: 22px; padding:12px;border: 1px solid #c4c4c4;color: #333; font-weight: 300}
.n-contact .con1 .con-r .form .textarea span{display: block;color: #333; font-weight: 300}
.n-contact .con1 .con-r .form .textarea textarea{display: block;width: 100%;height: 130px;border: 0; background: none;}
.n-contact .con1 .con-r .form button{display: block; margin-top: 12px; width: 130px; height: 46px; line-height: 46px; text-align: center;background: #65bb85;color: #fff;font-size: 18px;border: 0}

.n-contact .con2{margin-top: 90px;}
.my-map { margin: 0 auto;width: 100%;height: 500px; } .my-map .icon { background: url(//a.amap.com/lbs-dev-yuntu/static/web/image/tools/creater/marker.png) no-repeat; } .my-map .icon-cir { height: 31px; width: 28px; } .my-map .icon-cir-red { background-position: -11px -5px; }
.amap-container{height: 100%;}
.myinfowindow{width: 240px;min-height: 50px;}
.myinfowindow h5{ height: 20px; line-height: 20px; overflow: hidden; font-size: 14px; font-weight: bold; width: 220px; text-overflow: ellipsis; word-break: break-all; white-space: nowrap; }
.myinfowindow div{ margin-top: 10px; min-height: 40px; line-height: 20px; font-size: 13px; color: #6f6f6f; }

.search_typeDiv{ margin-top: 60px; font-size: 20px; font-weight: 600; display: block;width: 100%;border-bottom: 1px solid #65bb85;color: #65bb85; transform: translateY(1px);}


@media (max-height: 740px) {

}
@media (max-width: 1680px) {
    .pcNav .pcNav_w{padding: 0 5%}
    .h-nav1 > li > a{font-size: 18px;}
    .h-nav1 > li{margin-left: 30px;}
}
@media (max-width:1440px) {
    .h-nav1 > li > a{height: 100px;line-height: 100px;}
    .pcNav-l img{width: 200px;}
    .h-nav1 > li{margin-left: 20px;}

    .i-pro .item .text .title{padding-top: 40px;}
    .n-technology1 .con1{padding-top: 80px;}
}
@media (max-width:1350px) {
    .g_w{padding: 0 5%}
    .f-bottom .g_w{padding: 0}
}
@media (max-width:1300px) {

}
@media (max-width:1280px) {

}
@media (max-width:1220px) {
    .i-title b{font-size: 30px;}
    .i-pro .swiper-container{margin-top: 70px;}
    .i-pro .item .text .title{font-size: 24px;}
    .i-about{padding: 120px 0  80px 0;}
    .i-about .title b{font-size: 30px;}
    .i-about .title span{font-size: 24px;}
    .i-about .con-l .text{margin-top: 40px;}
    .i-about .con-l .text b{font-size: 22px;}
    .i-about .con-l .text p{margin-top: 20px;}
    .i-about .item:nth-child(1):after{height: 660px;}
    .i-about .item:nth-child(2):after{height: 660px;bottom: -80px;}
    .i-about .item:nth-child(3):after{height: 660px;}
    .i-news .list .item .date{margin-top: 20px;}
    .i-news .list .item b{margin-top: 20px;padding-bottom: 16px;}
    .i-news .list .item b:after{height: 2px;}
    .i-video{height: 450px;}

    .n-title{font-size: 30px;}
    .n-title:before{height: 36px;}
    .n-about1 .con1 .con-l .text p{margin-top: 20px;}
    .n-about1 .con1 .con-r{padding-left: 60px;}
    .n-about1 .con2 .item .title{font-size: 20px;}
    .n-about1 .con2 .item .title:after{height: 3px;}
    .n-about1 .con2 .item .text p{font-size: 14px;margin-top: 20px;}

    .n-breadcrumb .g_w{font-size: 14px;}
    .n-nav .g_w{display: block}
    .n-nav .g_w a{width: 100%;padding: 6px 10px; border-bottom: 1px solid #999;font-size: 16px}

    .n-about2 .con1 .g_w{display: block}
    .n-about2 .con1 .con-l{width: 100%;padding: 0}
    .n-about2 .con1 .con-l .text{font-size: 14px;line-height: 24px; margin-top: 20px;}
    .n-about2 .con1 .con-r{width: 100%;padding: 0;margin-top: 20px;}

    .n-about2 .con2{margin-top: 40px;}
    .n-about2 .con2 p{font-size: 14px;margin-top: 20px;line-height: 24px;}
    .n-about2 .con2 .list .item span{font-size: 16px;height: 40px; line-height: 40px;}

    .n-about3 .con1{margin-top: 40px;}
    .n-about3 p{font-size: 14px; line-height: 24px;margin-top: 20px;}
    .n-about3 .list .item{margin-top: 20px;}

    .n-pro .item .title{font-size: 24px;}
    .n-pro .item .text p{font-size: 14px;line-height: 24px;margin-top: 20px;}
    .n-pro .item:after{height: 340px;}

    .n-proD .con1 .item .title{font-size: 24px;}
    .n-proD .con1 .item .title:after {height: 3px;margin-top: 10px;}
    .n-proD .con1 .item .text p{margin-top: 20px; font-size: 14px;}
    .n-proD .con2 .item{width: 32%;margin-right: 2%;margin-top: 40px;}
    .n-proD .con2 .item:nth-child(4n){margin-right: 2%;}
    .n-proD .con2 .item:nth-child(3n){margin-right: 0;}
    .n-proD .con2 .top b{font-size: 24px;border-bottom: 3px solid #65bb85}

    .n-technology1 .con1 p, .n-technology1 .con2 p{margin-top: 20px; font-size: 14px; line-height: 24px;}

    .n-newsD .con1 .con-l{width: 100%;padding-right: 0}
    .n-newsD .con1 .con-l .title h3{font-size: 20px;}
    .n-newsD .con1 .con-r{display: none;}

    .n-contact .con1 .g_w{display: block}
    .n-contact .con1 .con-l{width: 100%;padding-right: 0}
    .n-contact .con1 .con-r{width: 100%;margin-top: 30px;}
}
@media (max-width:1024px){

}
@media (max-width:998px){
    .i-title b{font-size: 24px;}
    .i-title p{font-size: 14px;}
    .i-pro{padding-top: 40px;}
    .i-pro .swiper-container{margin-top: 40px;}
    .i-about .title b{font-size: 24px;}
    .i-about .title span{font-size: 20px;}
    .i-about .con-l .text{margin-top: 20px;}
    .i-about{padding: 40px 0;}
    .i-about .g_w{display: block}
    .i-about .con-l{width: 100%;}
    .i-about .con-r{width: 100%;padding: 0;height: 600px;margin-top: 30px;}
    .i-about .con-l .text a{margin-top: 20px;}
    .i-about .item:nth-child(2){margin-top: 0}
    .i-about .item:nth-child(1):after{height: 600px;bottom:auto;top: 0;}
    .i-about .item:nth-child(2):after{height: 600px;bottom:auto;top: 0;}
    .i-about .item:nth-child(3):after{height: 600px;bottom:auto;top: 0;}
    .i-news .list .item b{padding-bottom: 10px;margin-top: 16px;font-size: 16px;}
    .i-video{height: 350px;}
}
@media (max-width:767px) {

    .i-pro .item .text .title{font-size: 20px;}
    .i-pro .item .text .p{opacity: 1;transform: translateY(0)}
    .i-about .con-r{height: auto}
    .i-about .list{display: block}
    .i-about .item{width: 100%;padding: 20px;}
    .i-about .item:nth-child(1):after{height: 100%;}
    .i-about .item:nth-child(2):after{height: 100%;}
    .i-about .item:nth-child(3):after{height: 100%;}
    .i-video .play span{font-size: 14px;height: 40px;line-height: 40px;width: 180px;}
    .i-video .play .icon{width: 40px; height: 40px;}
    .i-news .list{display: block;margin-top: 40px;}
    .i-news .list .item{width: 100%;margin-right:0;margin-top: 40px;}
    .i-video{height: 300px;}

    .toolbar .item span{width: 40px;height: 40px;line-height: 40px;font-size: 14px;}
    .toolbar .item i{font-size: 18px;}
    .toolbar .item a{height: 40px; line-height: 40px;}
    .n-about1 .con1{margin-top: 40px;}
    .n-about1 .con1 .g_w{display: block}
    .n-about1 .con1 .con-l{width: 100%}
    .n-title{font-size: 24px;}
    .n-title:before{height: 30px;}
    .n-about1 .con1 .con-l .text p{font-size: 14px;margin-top: 10px;line-height: 24px;}
    .n-about1 .con1 .con-r{width: 100%;padding: 0;margin-top: 20px;}
    .n-about1 .con2{margin: 60px 0 40px 0}
    .n-about1 .con2 .item{display: block;margin-top: 30px;}
    .n-about1 .con2 .item .con-l{width: 100%}
    .n-about1 .con2 .item .text{padding: 20px;}
    .n-about1 .con2 .item .con-r{width: 100%}
    .n-about1 .con2 .item .text p{line-height: 24px;}

    .n-banner-swiper .swiper-pagination{bottom: 0}
    .n-about2 .con2 .list-row{display: block}
    .n-about2 .con2 .list-row .box{width: 100%!important;margin-top: 20px!important;}
    .n-about3 .list .item{width: 100%}

    .n-pro .item{display: block;margin-top: 20px;}
    .n-pro .item:after{display: none}
    .n-pro .item .img{width: 100%}
    .n-pro .item .text{width: 100%;padding: 20px!important;background: #f1f1f1}
    .n-pro .item .text p{height:auto}
    .n-pro .item .title{font-size: 20px;}

    .n-proD .con2 .item{width: 48%;margin-right: 2%;margin-top: 30px;}
    .n-proD .con2 .item:nth-child(4n){margin-right: 2%;}
    .n-proD .con2 .item:nth-child(3n){margin-right: 2%;}
    .n-proD .con2 .item:nth-child(2n){margin-right: 0;}
    .n-proD .con1 .g_w .item{display: block}
    .n-proD .con1 .g_w .item .text{width: 100%;padding:20px;}
    .n-proD .con1 .g_w .item .img{width: 100%; }

    .n-technology1 .con1{padding: 40px 0}
    .n-technology1 .n-swiper{padding-bottom:50px;margin-top: 30px; }
    .n-technology1 .n-swiper .swiper-button-prev{width:30px; height: 30px;}
    .n-technology1 .n-swiper .swiper-button-next{width:30px; height: 30px;}
    .n-technology1 .con2{padding: 40px 0}

    .n-technology2 .con1{padding: 40px 0}
    .n-technology2 .img{overflow: auto;margin-top: 30px;}

    .n-newsD .con1{padding: 30px 0}
    .n-newsD .con1 .con-l .text{font-size: 14px;line-height: 24px;padding: 40px 0}
    .n-newsD .con1 .con-l .linkA a{font-size: 14px;margin-top: 10px;}

    .n-contact .con1{margin-top: 40px;}
    .n-contact .con1 .con-l .text{font-size: 14px;}
    .n-contact .con1 .con-l .text p{margin-top: 0}
    .n-contact .con1 .con-r .form .lead > div{height: 40px; line-height: 40px;}
    .n-contact .con1 .con-r .form .textarea textarea{height: 80px;}
    .n-contact .con1 .con-r .form button{height: 36px; line-height: 36px;font-size: 14px;}
    .n-contact .con2{margin-top: 40px;}
    .my-map{height: 200px;}

    .f-top .g_w{display: block}
    .f-topL{width: 60%}
    .f-topR{margin-top: 30px;}
    .f-bottom .g_w{display: block;padding: 0 5%}
    .f-bottom .g_w a{display: block}
    .n-banner-swiper .text img{width: 100px;}

    .view_btn{bottom: 10px;}
    .view_btn i{width: 30px; height: 30px; line-height: 30px;font-size: 18px;}
}
@media (max-width:600px){

}
@media (max-width:500px){
    .n-proD .con2 .item{width: 100%;margin-right:0;margin-top: 30px;}
    .n-proD .con2 .item:nth-child(4n){margin-right: 0;}
    .n-proD .con2 .item:nth-child(3n){margin-right: 0;}
}